<template>
	<div class="fix-all  show-plate">
		<!-- <img @click.stop.prevent="transformIsShowStartPage()" src="../assets/images/start-page.png" height="100%" width="100%"> -->
		<h1>请牢记号码，凭号取餐</h1>
		<section class="divtca">{{plateNumber || order.tableId || order.serialNo.substr(order.serialNo.indexOf("-")+1)}}</section>
    <button class="bottom-buttom"" v-gesture:tap.stop.prevent="continueToOrder()">继续点单</botton>
	</div>
</template>

<script type="text/javascript">
	export default{
    data:function(){
      return {
        //props
        order: this.$parent.order,
				plateNumber:0
      }
    },
		methods:{
      continueToOrder: function(){
				this.order.emptyOrder();
        this.$router.go("/");
		    }
	  },
		route: {
			data: function ({ to: { query: { id }}}) {
				if (id){
					this.plateNumber = id;
				}
			}
		}
  }
</script>

<style lang='sass'>
	@import '../assets/sass/global/themes.scss';
  .show-plate{
    background: #f7f7f7;
    position: absolute;
  }
  .show-plate h1{text-align: center;margin-top: 80px;font-size: 20px;}
  .show-plate section{font-size: 90px;color: #323232;width:190px;line-height: 175px;text-align: center;margin-top: 50px;background: white;}

</style>
